<style lang="scss" scoped>
.footer-btn{
    display:flex;
    justify-content :center;
    button{
        margin:0 30px;
    }
}
.desc{
    width:100%;
    text-align:center;
}
    
</style>

<template>
    <div class="toast" v-if="toastShow">
        <Modal v-model="toastShow" title="信息"  :mask-closable="false" :width="500" :closable="false">
            <div class="desc">{{desc}}</div>

            <div slot="footer" class="footer-btn">
                <Button type="default"  @click="$emit('toastShowChange',false)">取消</Button>
                <Button type="primary"  @click="$emit('toastShowSuccess')">确定</Button>
            </div>
        </Modal>
        
    </div>
</template>

<script>
export default {
    name:'Toast',
    data(){
        return {
            // showModal:true
        }
    },
    props:{
        desc:{
            type:String,
            default:'您确定要禁用选中的数据？'
        },
        toastShow:Boolean,
        type:[String,Number]
    }
    
}
</script>